<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>工单新增</title>
		<link rel="stylesheet" href="../../js/plugins/layui-v2.4.5/layui/css/layui.css" />
		<link rel="stylesheet" href="../../css/reset.css" />
		<link rel="stylesheet" href="../../css/form.css" />
		<style>
			.container{background: transparent;}
			.header{background: #fff;text-indent: 25px;}
			.content-scroll{padding: 15px 15px 15px 0;background: #fff;min-height: 342px;}
			.save-btns{border: none;}
		</style>
	</head>
	<body class="p10">
		<div class="container p15 layui-row layui-col-space10 layui-form">
			<div class="layui-col-md6 left">
				<div class="header">
					<h3>工单基本信息</h3>
				</div>
				<div class="content-scroll ">
					<div class="layui-row ">
						<div class=" layui-inline">
							<label class="layui-form-label">工单类型</label>
							<div class="layui-input-inline">
								<select name="type" lay-verify="" >
								  <option value="">请选择</option>
								  <option value="0">信息中心</option>
								  <option value="其它">其它</option>
								</select> 
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">工单号</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" autocomplete="off" placeholder="请输入" >
							</div>
						</div>
						</div>
						<div class="layui-row layui-inline">
							<label class="layui-form-label">标题</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" autocomplete="off" placeholder="请输入" >
							</div>
						</div>
						<div class="layui-row ">
							<label class="layui-form-label">描述</label>
							<div class="layui-input-inline">
								<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
							</div>
						</div>
				</div>
				<div class="header" style="margin-top:10px">
					<h3>处理情况</h3>
				</div>
				<div class="content-scroll">
					<div class="layui-row layui-inline">
						<label class="layui-form-label">工单优先级</label>
						<div class="layui-input-inline">
							<input type="checkbox" name="" title="普通" >
							<input type="checkbox" name="" title="优先" checked>
							<input type="checkbox" name="" title="紧急"> 
						</div>
					</div>
						<div class="layui-row">
							<div class="layui-inline">
								<label class="layui-form-label">处理人</label>
								<div class="layui-input-inline">
									<select name="type" lay-verify="" >
									  <option value="">请选择</option>
									  <option value="0">张三</option>
									  <option value="1">李四</option>
									</select> 
								</div>
							</div>
						</div>
						<div class="layui-row ">
							<label class="layui-form-label">处理意见</label>
							<div class="layui-input-inline">
								<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
							</div>
						</div>
					<div class="layui-row save-btns ">
						<a href="javascript:;" class="layui-btn  layui-btn-warm">暂存</a>
						<a href="javascript:;" class="layui-btn  layui-btn-normal">立即提交</a>
						<a href="javascript:;" class="layui-btn  layui-btn-primary">关闭</a>
					</div>
				</div>
			</div>
			<div class="layui-col-md6 right">
				<div class="header">
					<h3>客户信息</h3>
				</div>
				<div class="content-scroll" style="min-height: 745px;">
					<div class="layui-row ">
						<div class="layui-inline">
							<label class="layui-form-label">所在位置</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" autocomplete="off" placeholder="请输入" >
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">门牌号</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" autocomplete="off" placeholder="请输入" >
							</div>
						</div>
					</div>
					<div class="layui-row ">
						<div class="layui-inline">
							<label class="layui-form-label">姓名</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" autocomplete="off" placeholder="请输入" >
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">电话</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" autocomplete="off" placeholder="请输入" >
							</div>
						</div>
					</div>
					
					<div class="layui-row ">
						<div class="layui-inline">
							<label class="layui-form-label">部门</label>
							<div class="layui-input-inline">
								<select name="type" lay-verify="" >
								  <option value="">请选择</option>
								  <option value="0">张三</option>
								  <option value="1">李四</option>
								</select>
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">重点客户</label>
							<div class="layui-input-inline">
								<input type="checkbox" lay-skin="switch" lay-text="ON|OFF">
							</div>
						</div>
					</div>
					<div class="layui-row ">
						<div class="layui-inline">
							<label class="layui-form-label">电脑品牌</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" autocomplete="off" placeholder="请输入" >
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">IP</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" autocomplete="off" placeholder="请输入" >
							</div>
						</div>
					</div>
					<div class="layui-row layui-inline">
						<label class="layui-form-label">MAC</label>
						<div class="layui-input-inline">
							<input type="text" class="layui-input" autocomplete="off" placeholder="请输入" >
						</div>
					</div>
					<div class="layui-row ">
						<div class="layui-inline">
							<label class="layui-form-label">生产日期</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input layui-date" id="creatDate" autocomplete="off">
							</div>
						</div>
						<div class="layui-inline">
							<label class="layui-form-label">质保日期</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input layui-date" id="warrantyPeriod" autocomplete="off">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script src="../../js/jquery-3.3.1.min.js"></script>
		<script src="../../js/plugins/layui-v2.4.5/layui/layui.js"></script>
		<script>
			layui.use(['form', 'laydate'], function() {
				var form = layui.form,
					laydate = layui.laydate;
				laydate.render({
					elem: '.layui-date' //指定元素
				  });
			})
		</script>
	</body>
</html>
